<nz-modal [(nzVisible)]="isVisible"
          [nzWidth]="560" nzTitle="退款"
          (nzOnCancel)="handleCancel()"
          (nzOnOk)="handleOk()"
          [nzOkLoading]="isOkLoading"
>
    <form nz-form [formGroup]="formModel">

      <nz-form-item>
        <nz-form-label [nzSpan]="6" nzRequired>操作密码</nz-form-label>
        <nz-form-control [nzSpan]="15" nzErrorTip="请输入操作密码！" [nzErrorTip]="passwordErrorTpl">
          <input nz-input type="password" formControlName="operatePassword" placeholder="请输入操作密码" readonly
                 onfocus="this.removeAttribute('readonly')"/>
          <ng-template #passwordErrorTpl let-control>
            <ng-container *ngIf="control.hasError('required')">
              请输入用户操作密码!
            </ng-container>
            <ng-container *ngIf="control.hasError('duplicated')">
              密码最小长度为6!
            </ng-container>
          </ng-template>
        </nz-form-control>
      </nz-form-item>


      <nz-form-item>
        <nz-form-label [nzSpan]="6" nzRequired nzFor="mobile">请输入退款原因</nz-form-label>
        <nz-form-control [nzSm]="15"  [nzXs]="24"  nzErrorTip="请输入退款原因">
          <input nz-input  formControlName="refundReason"  placeholder="请输入退款原因"/>
        </nz-form-control>
      </nz-form-item>

    </form>
</nz-modal>
